<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"startDuration": 1,
					"categoryAxis": {
						"gridPosition": "start"
					},
					"trendLines": [],
					"graphs": [
						{
							"balloonText": "[[title]] of [[category]]:[[value]]",
							"bullet": "round",
							"id": "AmGraph-1",
							"title": "graph 1",
							"valueField": "China"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"enabled": true,
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "总GDP增长率-中国"
						}
					],
					"dataProvider": [
						{
							"Country Name": "2000",
							"China": "0.105725974"
						},
						{
							"Country Name": "2001",
							"China": "0.097921935"
						},
						{
							"Country Name": "2002",
							"China": "0.129014361"
						},
						{
							"Country Name": "2003",
							"China": "0.177720679"
						},
						{
							"Country Name": "2004",
							"China": "0.169082248"
						},
						{
							"Country Name": "2005",
							"China": "0.203921786"
						},
						{
							"Country Name": "2006",
							"China": "0.290034392"
						},
						{
							"Country Name": "2007",
							"China": "0.294059969"
						},
						{
							"Country Name": "2008",
							"China": "0.110430368"
						},
						{
							"Country Name": "2009",
							"China": "0.193171366"
						},
						{
							"Country Name": "2010",
							"China": "0.240563082"
						},
						{
							"Country Name": "2011",
							"China": "0.129859552"
						},
						{
							"Country Name": "2012",
							"China": "0.121690386"
						},
						{
							"Country Name": "2013",
							"China": "0.094577816"
						},
						{
							"Country Name": "2014",
							"China": "0.05593446"
						},
						{
							"Country Name": "2015",
							"China": "0.015525895"
						},
						{
							"Country Name": "2016",
							"China": "0.095891307"
						},
						{
							"Country Name": "2017",
							"China": "0.128704557"
						},
						{
							"Country Name": "2018",
							"China": "0.027712383"
						},
						{
							"Country Name": "2019",
							"China": "0.02855574"
						},
						{
							"Country Name": "2020",
							"China": "0.213287751"
						},
						{
							"Country Name": "2021",
							"China": "0.008008277"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>